<template>
  <div id="footer">
    <div class="inform">
      <div class="one">
        <span>{{name}}</span>
        <a href>{{about}}</a>
        <a href>{{join}}</a>
      </div>
      <div class="two">
        <span>{{unit}}</span>
      </div>
      <div class="three">
        <span>{{location}}</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "fotter",
  data() {
    return {
      name: "企业名称：电子科技大学成都学院计算机系",
      about: "关于我们",
      join: "入驻e购",
      unit: "电子科技大学成都学院",
      location: "地址：四川省成都市高新西区百叶路1号"
    };
  }
};
</script>

<style>
#footer {
  height: 100px;
  padding: 30px 0;
  line-height: 30px;
  border-top: 1px solid #e7e7e7;
  margin: 0 auto;
  /* margin-top: 5%; */
  background-color: #fff;
  color: #666;
}
#footer .inform {
  width: 1080px;
  margin: 0 auto;
  text-align: center;
}
#footer .inform .one {
  margin-top: 5px;
}
#footer .inform .one a {
  color: #666;
}
</style>
